<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head></h:head> 
<body> 

<ui:composition template="template.xhtml">
<ui:define name="conteudo">
	<h3>#{msgs['seguir.buscar']}</h3>
	
	<h:form>
		<h:panelGroup id="regiaoC">
			<div>
				<h:outputText value="#{msgs['busca']}" />
				<h:inputText value="#{seguidorMB.campoBusca}" />
				
				<h:commandButton action="#{seguidorMB.buscarUsuarios}" value="#{msgs['buscar']}">
					<f:ajax event="action" execute="@form" render="@form"></f:ajax>
				</h:commandButton>
			</div>
			
			<div>
				<br />
				<h:outputText value="#{msgs['busca.semResultados']}" rendered="#{! empty seguidorMB.campoBusca and empty seguidorMB.usuariosBusca}"/>
			</div>
			
			<div>
				<h:dataTable var="usuario" value="#{seguidorMB.usuariosBusca}" style="1px border solid;" rendered="#{!empty seguidorMB.usuariosBusca}">
					
					<h:column>
						<f:facet name="header">
							
						</f:facet>
						
					</h:column>
					
					<h:column>
						<f:facet name="header">
							#{msgs['nome']}
						</f:facet>
						#{usuario.nome}
					</h:column>
					
					<h:column>
						<f:facet name="header">
							#{msgs['seguidores']}
						</f:facet>
						#{usuario.seguidors2.size()}
					</h:column>
					
					<h:column>
						<f:facet name="header">
							#{msgs['cadastro']}
						</f:facet>
						<h:outputText value="#{usario.data}">
							<f:convertDateTime pattern="dd/MM/yyyy"/>
						</h:outputText>
					</h:column>
					#{usuario.data}		
				</h:dataTable>
			</div>
		</h:panelGroup>		
	</h:form> 
</ui:define>
</ui:composition>

</body> 
</html>
